<template>
  <div>
      <!-- 子组件定义props属性 用于接收符组件传过来的数据 -->
        <!-- <h1>西瓜,大西瓜</h1>
        <p>全场十块,买一送一</p>
        <p>不甜不要钱</p> -->
      <h1>{{title}}</h1>
      <p>{{price.toFixed(2)}}</p>
      <p>{{info}}</p>
      <button @click="lowerPrice">砍一刀</button>
  </div>
</template>

<script>
export default {
    props:['title','price','info','index'],
    methods:{
        //子传父 通过this.$emit()派发事件
        lowerPrice(){
            this.$emit('lowerPrice1',this.index)
        }
    }
}
</script>

<style>

</style>